<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Manuela Henriques - {lang_title}</title>
        <base href="{base_url}{base_template_site}">
        <!--CSS-->
        {includeCSS}
        <link href="css/tooltip.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="css/tamanho.css">
        <link rel="stylesheet" type="text/css" href="css/produtos.css">
        <link rel="stylesheet" type="text/css" href="css/inputs.css"/>
        <!--JS-->
        {includeJS}
        <!-- include the Tools -->
        <script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
        <script src="js/produtos.js"></script>
        <script src="js/jquery.maskedinput-1.3.js"></script>
        <script>
            jQuery(function($){
                $("#telefone").mask("(99) 9999-9999");
                $("#nascimento").mask("99/99/9999");
                $("#cpf").mask("99999999999");
                $("#cep").mask("99999-999");
            });
        </script>
    </head>

    <body>
        <div id="wrapper">
            <header id="logo">
                <h1><img src="images/manuela-henriques-logo" width="295" height="23" alt="MANUELA HENRIQUES" title="MANUELA HENRIQUES"></h1>
            </header>
            <div class="fr" style="margin:34px 46px;">
                <a href="{base_url}carrinho/0"><img src="images/carrinho.png" width="30" height="19" class="margimBottom-3">{carrinho} {lang_item}</a>
            </div>
            <section id="redes"> </section>
            <div class="clear"></div>
            <!--  MENU  -->
            {include_menu}
            <!-- FIM MENU--> 

            <!--CONTEUDO-->
            <section id="container"> 
                <form action="{base_url}pagamento" method="POST">
                    <header class="barraTitulos2">{lang_title} > {lang_title2}</header>
                    <section class="baseCarrinho">
                        <header id="barraItem">
                            <div class="fl" style="width:300px;">{lang_menu_item}</div>
                            <div class="fl" style="width:140px;">{lang_quantidade}</div>
                            <div class="fl" style="width:140px;">{lang_valor}</div>
                        </header>
                        {itens}
                        <article class="itemCarrinho">
                            <div class="fl" style="width:320px; height:70px; padding:10px 0 10px 0;"><img src="{imagem}" width="65">{produto}</div>
                            <div class="fl" style="width:140px; height:70px; padding:10px 0 10px 0; text-align:center;">{quantidade}</div>
                            <div class="fl" style="width:140px; height:70px; padding:10px 0 10px 0;">{valor}</div>
                        </article>
                        {/itens}
                    </section>
                    <input type="hidden" name="pais" value="{pais}"/>
                    <div class="clear"></div>

                    <section id="dadosPagamento">
                        <header><h2>{lang_dados_pagamento}</h2><br>{lang_dados_semelhantes}</header>
                        <article id="formPagamento">
                            <form>
                                <p>{lang_email}<br>
                                    <input id="email" name="email" type="email" class="inputContato" value="{email}">
                                    <br>
                                    <br>
                                    {lang_telefone}<br>
                                    <input id="telefone" name="telefone" type="text" class="inputContato" value="{telefone}">
                                    <br>
                                    <br>
                                    {lang_nome}<br>
                                    <input id="nome" name="nome" type="text" class="inputContato" value="{nome}">
                                    <br>
                                    <br>
                                    {lang_nascimento}<br>
                                    <input id="nascimento" name="nascimento" type="text" class="inputContato" value="{nascimento}">
                                    <br>
                                    <br>
                                    {lang_cpf}<br>
                                    <input id="cpf" name="cpf" type="text" class="inputContato" value="{cpf}">
                                    <br>
                                    <br>
                                    {lang_pais}<br>
                                    <select name="paises">
                                        <option value="BR" {bra}>Brasil</option>
                                    </select>
                                    <br>
                                    <br>
                                    {lang_cep}<br>
                                    <input id="cep" name="cep" type="text" class="inputContato" value="{cep}">
                                    <br>
                                    <br>
                                    {lang_logradouro}<br>
                                    <input id="logradouro" name="logradouro" type="text" class="inputContato" value="{logradouro}">
                                    <br>
                                    <br>
                                    {lang_endereco}<br>
                                    <input id="endereco" name="endereco" type="text" class="inputContato" value="{endereco}">
                                    <br>
                                    <br>
                                    {lang_numero}<br>
                                    <input id="numero" name="numero" type="text" class="inputContato" value="{numero}">
                                    <br>
                                    <br>
                                    {lang_complemento}<br>
                                    <input id="complemento" name="complemento" type="text" class="inputContato" value="{complemento}">
                                    <br>
                                    <br>
                                    {lang_bairro}<br>
                                    <input id="bairro" name="bairro" type="text" class="inputContato" value="{bairro}">
                                    <br>
                                    <br>
                                    {lang_cidade}<br>
                                    <input id="cidade" name="cidade" type="text" class="inputContato" value="{cidade}">
                                    <br>
                                    <br>
                                    {lang_estado}
                                    <br>
                                    <select name="UF" >
                                        <option value="ac" {ac}>Acre</option>
                                        <option value="al" {al}>Alagoas</option>
                                        <option value="ap" {ap}>Amapá</option>
                                        <option value="am" {am}>Amazonas</option>
                                        <option value="ba" {ba}>Bahia</option>
                                        <option value="ce" {ce}>Ceará</option>
                                        <option value="df" {df}>Distrito Federal</option>
                                        <option value="es" {es}>Espirito Santo</option>
                                        <option value="go" {go}>Goiás</option>
                                        <option value="ma" {ma}>Maranhão</option>
                                        <option value="ms" {ms}>Mato Grosso do Sul</option>
                                        <option value="mt" {mt}>Mato Grosso</option>
                                        <option value="mg" {mg}>Minas Gerais</option>
                                        <option value="pa" {pa}>Pará</option>
                                        <option value="pb" {pb}>Paraíba</option>
                                        <option value="pr" {pr}>Paraná</option>
                                        <option value="pe" {pe}>Pernambuco</option>
                                        <option value="pi" {pi}>Piauí</option>
                                        <option value="rj" {rj}>Rio de Janeiro</option>
                                        <option value="rn" {rn}>Rio Grande do Norte</option>
                                        <option value="rs" {rs}>Rio Grande do Sul</option>
                                        <option value="ro" {ro}>Rondônia</option>
                                        <option value="rr" {rr}>Roraima</option>
                                        <option value="sc" {sc}>Santa Catarina</option>
                                        <option value="sp" {sp}>São Paulo</option>
                                        <option value="se" {se}>Sergipe</option>
                                        <option value="to" {to}>Tocantins</option>
                                    </select>
                                    <br>
                                    <br>
                                    {lang_mensagem}<br>
                                    <textarea name="mensagem" rows="5" class="txtContato">{mensagem}</textarea>
                                </p>
                            </form>

                        </article>

                        <aside>
                            <h3>{lang_prazo}</h3>
                            {lang_estimativa}<br><br>

                            <h3>{lang_forma_pagamento}</h3>
                            {forma_pagamentos}<br><br>

                            <h3>{lang_parcelamento}</h3>
                            {parcela}
                            <button class="efetuarPagamento" id="efetuar_pagamento" value="efetuar_pagamento">{lang_efetuar_pagamento}</button>

                        </aside>


                    </section>
                </form>
            </section>
            <!--CONTEUDO-->

            <div class="clear"></div>

            <!--FOOTER-->
            {include_footer}
            <!--FOOTER-->
        </div>
    </body>
</html>
